.scoreDistribute {
  display: flex;
  align-items: center; }
  .scoreDistribute .score {
    width: 100px;
    text-align: center; }
    .scoreDistribute .score__value {
      font-size: 45px;
      color: #000;
      font-weight: 500; }
    .scoreDistribute .score__desc {
      color: #777;
      font-size: 12px; }
  .scoreDistribute .distribute {
    flex: 1; }
    .scoreDistribute .distribute__item {
      height: 8px;
      display: flex;
      align-items: center; }
      .scoreDistribute .distribute__item:nth-child(n + 2) {
        margin-top: 3px; }
    .scoreDistribute .distribute__btm {
      flex: 1;
      width: 100%;
      margin: 10px;
      background-color: #ccc; }
    .scoreDistribute .distribute__top {
      height: 4px;
      background-color: #333; }
